home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 116 / MacAddict 116 (Mac Power Pack)(theDISC)(April 2006).iso / Software / Interface / HolidayWidgetBundle.dmg / / NotePad.wdgt / NotePad.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2005-09-19  |  6.4 KB  |  486 lines
  1.  
  2. #hidetop {
  3.     background-color: #EEEEEE;
  4.     z-index: 100;
  5.     height: 5px;
  6.     
  7.     position: absolute;
  8.     top: 27px;
  9.     left: 2.5em;
  10.     right: 2em;
  11. }
  12.  
  13. #hideleft {
  14.     background-color: #EEEEEE;
  15.     z-index: 100;
  16.     width: 5px;
  17.     
  18.     position: absolute;
  19.     top: 27px;
  20.     bottom: 1.5em;
  21.     left: 27px;
  22. }
  23.  
  24. #hideright {
  25.     background-color: #EEEEEE;
  26.     z-index: 100;
  27.     width: 5px;
  28.     
  29.     position: absolute;
  30.     top: 27px;
  31.     bottom: 1.5em;
  32.     right: 21px;
  33. }
  34.  
  35. #hidebottom {
  36.     background-color: #EEEEEE;
  37.     z-index: 100;
  38.     height: 5px;
  39.     
  40.     position: absolute;
  41.     bottom: 21px;
  42.     left: 2.5em;
  43.     right: 2em;
  44. }
  45.  
  46. .tacontainer {
  47.     position: absolute;
  48.     top: 1.5em;
  49.     bottom: 1em;
  50.     left: 2.5em;
  51.     right: 2em;
  52. }
  53.  
  54.  
  55.  
  56.  
  57.  
  58. body {
  59.     font: 12px Geneva;
  60. }
  61.  
  62. /* FRONT BACKGROUND */
  63. #front {
  64.     background: url(images/front/topleft.png) top left no-repeat;
  65.     width: 99%;
  66. } 
  67.  
  68. #front .trcorner {
  69.     background: url(images/front/topright.png) top right no-repeat;
  70.     padding: 3px 15px;
  71.     margin:0;
  72.     margin-right: -5px;
  73. }
  74.  
  75. #front .blcorner {
  76.     background: url(images/front/bottomleft.png) bottom left no-repeat;
  77.     position: relative;
  78.     top: 5px;
  79. }
  80.  
  81. #front .brcorner {
  82.     background: url(images/front/bottomright.png) bottom right no-repeat;
  83.     padding:15px;
  84.     padding-top: 0;
  85.     display:block;
  86.     margin:-2em -5px 0 0; /* TRBL */
  87. }
  88.  
  89. #front .editarea {
  90.     background: url(images/front/right.png) top right repeat-y;
  91.  
  92.     margin:0;
  93.     margin-top:-1em;
  94.     padding: 0 15px;
  95.     padding-left: 30px;
  96.     height:92%;
  97.     margin-right: -5px;
  98.     position: relative;
  99. }
  100.  
  101. #front .ring {
  102.     position: absolute;
  103.     left: -5px;
  104.     width: 33px;
  105.     height: 24px;
  106.     margin-top: -10px;
  107.     background: url('images/front/ringu.png');
  108.     z-index: 100;
  109. }
  110.  
  111. /* END FRONT */
  112.  
  113.  
  114. /* BACK BACKGROUND */
  115.  
  116. #back {
  117.     background: url(images/back/topleft.png) top left no-repeat;
  118.     width: 99%;
  119. } 
  120.  
  121. #back .trcorner {
  122.     background: url(images/back/topright.png) top right no-repeat;
  123.     padding: 3px 15px;
  124.     margin:0;
  125.     margin-right: -5px;
  126. }
  127.  
  128. #back .blcorner {
  129.     background: url(images/back/bottomleft.png) bottom left no-repeat;
  130.     position: relative;
  131.     top: 5px;
  132. }
  133.  
  134. #back .brcorner {
  135.     background: url(images/back/bottomright.png) bottom right no-repeat;
  136.     padding:15px;
  137.     padding-top: 0;
  138.     display:block;
  139.     margin:-2em -5px 0 0; /* TRBL */
  140. }
  141.  
  142. #back .editarea {
  143.     background: url(images/back/right.png) top right repeat-y;
  144.     color: white;
  145.     font-weight: bold;
  146.  
  147.     margin:0;
  148.     margin-top:-1em;
  149.     padding: 0 15px;
  150.     padding-left: 30px;
  151.     height:92%;
  152.     margin-right: -5px;
  153.     position: relative;
  154. }
  155.  
  156. #back .ring {
  157.     position: absolute;
  158.     right: -8px;
  159.     width: 33px;
  160.     height: 24px;
  161.     margin-top: -10px;
  162.     background: url('images/back/ringu.png');
  163.     z-index: 100;
  164. }
  165.  
  166.  
  167.  
  168. /* END BACK */
  169.  
  170. #grow {
  171.     float: right;
  172.     position: relative;
  173.     top: -4px;
  174.     left: 2px;
  175.     opacity: 0;
  176.     z-index: 100;
  177.     -apple-dashboard-region: dashboard-region(control rectangle);
  178. }
  179.  
  180. .clickable {
  181.     -apple-dashboard-region: dashboard-region(control rectangle);
  182. }
  183.  
  184. #controls {
  185.     font-family: "Lucida Grande";
  186.     color: #555;
  187.     font-weight: bold;
  188.     font-size: 14px;
  189.     
  190.     position: absolute;
  191.     bottom: 4px;
  192.     left: 30%;
  193.     right: 30%;
  194.     text-align: center;
  195. }
  196.  
  197. #controls img {
  198.     vertical-align: baseline;
  199. }
  200.  
  201. .control {
  202.     z-index: 100;
  203. }
  204.  
  205. .flip {
  206.     position: absolute;
  207.     bottom: 4px;
  208.     right: 2em;
  209.     opacity: 0.45;
  210. }
  211.  
  212. .flip:hover {
  213.     opacity: 1;
  214. }
  215.  
  216. #rollie {
  217.     opacity: 0;
  218. }
  219.  
  220. #rollie:hover {
  221.     opacity: 0.11;
  222. }
  223.  
  224. #rollie:active {
  225.     opacity: 1;
  226. }
  227.  
  228. .topcontrol {
  229.     position: absolute;
  230.     top: 0.5em;
  231.     z-index: 100;
  232. }
  233.  
  234. .fill {
  235.     position: absolute;
  236.     width: 100%;
  237.     height: 100%;
  238.     background: transparent;
  239. }
  240.  
  241. #numcenter {
  242.     position: absolute;
  243.     left: 0px;
  244.     width: 100%;
  245.     height: 1em;
  246.     bottom: 0;
  247.     z-index: 50;
  248. }
  249.  
  250. #pagePopup {
  251.     width: 1.5em;
  252.     opacity: 0.0;
  253. }
  254.  
  255. #pagecontrols {
  256.     background-color: #d7d7d7;
  257.     font-size: 10px;
  258.     position: relative;
  259.     height: 13px;
  260.     display: inline-block;
  261.     padding-top: 1px;
  262.     padding-bottom: 0px;
  263.     z-index: 1;
  264. }
  265.  
  266. #popup {
  267.     position: relative;
  268.     bottom: 1px;
  269. }
  270.  
  271. #searchtab {
  272.     padding: 0.5em;
  273.     padding-top: 1.2em;
  274. }
  275.  
  276. #searchresults {
  277.     overflow: auto;
  278.     font-family: Geneva;
  279.     font-size: 10px;
  280.     position: absolute;
  281.     top: 3.5em;
  282.     left: 1em;
  283.     right: 1em;
  284.     bottom: 1.5em;
  285. }
  286.  
  287. #searchresults b {
  288.     font-size: 12px;
  289. }
  290.  
  291. #searchresults a {
  292.     text-decoration: none;
  293.     color: black;
  294. }
  295.  
  296. #searchresults a:hover {
  297.     text-decoration: underline;
  298. }
  299.  
  300. .dialog {
  301.     background: url(images/dialog.png);
  302.     position: absolute;
  303.     top: 20%;
  304.     bottom: 20%;
  305.     left: 10%;
  306.     right: 10%;
  307.     width: 164px; /*204px*/
  308.     height: 94px; /*134px*/
  309.     z-index: 300;
  310.     padding: 20px;
  311.     text-align: center;
  312.     color: white;
  313.     font-weight: bold;
  314. }
  315.  
  316. .dialog a {
  317.     display: inline-block;
  318.     background: url(images/buttons-old.png);
  319.     margin-top: 1em;
  320.     padding-top: 4px;
  321.     width: 64px;
  322.     height: 20px;
  323.     color: white;
  324.     font-weight: bold;
  325.     font-size: 13px;
  326.     text-decoration: none;
  327. }
  328.  
  329. .dialog a:hover {
  330.     background: url(images/buttons-old.png) right 24px;
  331.     color: #ccc;    
  332. }
  333.  
  334.  
  335. #titlebar {
  336.     position: absolute;
  337.     top: 0.5em;
  338.     left: 3em;
  339.     right: 2em;
  340.     height: 1.4em;
  341.     padding-bottom: 0.2em;
  342.     border-bottom: 1px solid #999;
  343. }
  344.  
  345. #title {
  346.     position: absolute;
  347.     left: 0em;
  348.     right: 2em;
  349.     color: #5f5f5f;
  350.     font-family: "Lucida Grande";
  351.     display: inline-block;
  352.     height: 1.4em;
  353.     /*width: 70%; */
  354.     overflow: hidden;
  355. }
  356.  
  357. #toolhider {
  358.     position: absolute;
  359.     right: 0em;
  360.     height: 1.4em;
  361.     background-color: #EEEEEE;
  362.     
  363. }
  364.  
  365. #searchprog {
  366.     background: url(images/spinner_semi.png);
  367.     display: inline-block;
  368.     width: 16px;
  369.     height: 16px;
  370.     position: relative;
  371.     top: 3px;
  372. }
  373.  
  374.  
  375. a.arrow {
  376.     position: relative;
  377.     width: 15px;
  378.     height: 14px;
  379.     display: inline-block;
  380. }
  381.  
  382. img.arrow {
  383.     opacity: 0.50;
  384. }
  385.  
  386. img.arrow:active {
  387.     opacity: 1;
  388. }
  389.  
  390. .hiliteclick {
  391.     opacity: 0.40;
  392. }
  393.  
  394. .hiliteclick:active {
  395.     opacity: 1;
  396. }
  397.  
  398. #help_circle_canvas {
  399.     position: absolute;
  400.     top: 0;
  401.     left: 0;
  402.     right: 0;
  403.     bottom: 0;
  404.     display: none;
  405.     z-index: 500;
  406. }
  407.  
  408. .help_text {
  409.     position: absolute;
  410.     top:     30%;
  411.     bottom: 30%;
  412.     left:     20%;
  413.     right:     20%;
  414.     padding: 1em;
  415.  
  416.     display: none;
  417.     z-index: 501;
  418. }
  419.  
  420. .help_text > div {
  421.     position: absolute;
  422.     padding: 2px;
  423.     text-align: center;
  424.     opacity: 0.0;
  425.     background: white;
  426.     font: 10px "Lucida Grande";
  427.     color: #1E2E8B;
  428. }
  429.  
  430. #cover {
  431.     position: absolute;
  432.     top: 0;
  433.     left: 0;
  434.     height: 100%;
  435.     width: 100%;
  436.     background: red;
  437.     display: none;
  438.     opacity: 0.0;
  439.     z-index: 400;
  440. }
  441.  
  442. #searchback {
  443.     position: absolute;
  444.     top: -1em;
  445.     right: 0.4em;
  446.     z-index: 400;
  447. }
  448.  
  449.  
  450. #backback {
  451.     position: absolute;
  452.     bottom: 0.4em;
  453.     left: 1.7em;
  454.     z-index: 400;
  455. }
  456.  
  457. #backhelp {
  458.     position: absolute;
  459.     top: 20px;
  460.     left: 39px;
  461.     z-index: 300;
  462. }
  463.  
  464. #backreground {
  465.     position: absolute;
  466.     top: 67px;
  467.     left: 100px; /* 121px */
  468.     z-index: 300;
  469. }
  470.  
  471. #backbuynow {
  472.     position: absolute;
  473.     bottom: 5px;
  474.     right: 30px;
  475.     z-index: 301;
  476. }
  477.  
  478. #backbarcode {
  479.     position: absolute;
  480.     bottom: 5px;
  481.     right: 30px;
  482.     z-index: 300;
  483. }
  484.  
  485.  
  486.